﻿@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:960px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}

/*顶部*/
.top{height:34px; line-height:34px; background:#f5f5f5; border-bottom:1px solid #e3e3e3; color:#999;}
.top span a{margin:0 5px; color:#999;}

/*头部*/
.header{height:120px;}
.header .logo{width:600px; height:100px; margin-top:10px;}
.header .tel{height:56px; margin-top:54px; background:url(../images/tel.jpg) no-repeat left center; padding-left:60px;}
.header .tel span{display:block; font-size:16px; height:20px; line-height:20px; color:#666;  margin-top:5px;}
.header .tel strong{display:block; font-size:24px; height:30px; line-height:30px; color:#d12f23; /* font-family:Impact; */}

/*导航
.nav{height:45px; background:url(../images/navbg.gif) repeat-x;}
.nav ul li{width:120px; height:45px; line-height:45px; float:left; background:url(../images/line.gif) no-repeat right center;}
.nav ul li a{display:block; width:120px; height:45px; line-height:45px; color:#fff; text-align:center; font-size:14px;}
.nav ul li a:hover, .nav ul li .active{background:#333; color:#fff;}
*/

.nav{height:45px; background:url(../images/nav_bg.jpg) repeat-x;}
.nav ul li{width:120px; height:45px; line-height:45px; float:left; background:url(../images/nav_line.png) no-repeat right center;}
.nav ul li a{display:block; width:120px; height:45px; line-height:45px; color:#fff; text-align:center; font-size:14px;}
.nav ul li a:hover, .nav ul li .active{background:#333; color:#fff;}

/*轮播图*/
.banner{position:relative; width:100%; height:500px; margin:0px auto; overflow:hidden; text-align:center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1290px; height:500px; margin:0 auto; background:#fff; position:absolute; overflow:hidden; left:50%; margin-left:-645px; }
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(../images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:150px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:12px; height:12px; border-radius:50%; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#d12f23; background-color:#d12f23;}

/*主要内容区*/
.list{width:201px; border:1px solid #efefef;}
/* 
.list ul{padding:0px 10px 10px; border:2px solid #d12f23;}
.list li{width:161px; padding:0 10px; height:38px; line-height:38px; text-align:center; overflow:hidden; margin-top:12px; background:#f6dec2;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.list li a{color:#333; font-size:14px; font-weight:bold;}
.list li a:hover{text-decoration:underline; color:#d12f23;} 
*/
.title02{height:40px; background:url(../images/list_title.jpg) no-repeat; text-align:center;}
.title02 h3{font-size:20px; color:#fff; line-height:40px; /*padding-top:12px;*/ font-weight:normal;}
.listContact{height:134px; background:#d12f23; color:#fff; padding:10px; overflow:hidden;}
.listContact p{line-height:22px; font-size:12px;}

.list dl{padding:8px 8px; background:#fff; font-size:14px;}
.list dt{height:30px; line-height:30px; overflow:hidden;  background:#f6dec2; text-align: center;}
.list dt a{color:#444; font-weight:bold;}
.list dt a:hover{color:#444; text-decoration:underline;}
.list dd {height:30px; line-height:30px; color:#666; border-bottom:1px dotted #cecece; text-indent: 20px; font-size: 12px;}

.sideMenu {padding:8px 8px; background:#fff; font-size:14px;}
.sideMenu h4{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
	font:normal 14px/32px "Microsoft YaHei";
}
.sideMenu h4{ height:40px; line-height:40px; overflow:hidden;  background:#f6dec2; text-align: center; margin-bottom: 5px;}
.sideMenu h4 a{color:#444; font-weight:bold;}
.sideMenu h4 a:hover{color:#444; text-decoration:underline;}
.sideMenu ul{display:none; /* 默认都隐藏 */ padding: 5px 0; }
.sideMenu ul li{height:40px; line-height:40px; color:#666; border-bottom:1px dotted #cecece; text-indent: 20px; font-size: 12px;}

.hotPro{width:739px; overflow:hidden;}
.hotPro ul{width:737px; padding-bottom:10px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul li{width:225px; float:left; margin:15px 0 0 15px; display:inline;}
.hotPro ul li img{display:block; width:223px; height:150px; border:1px solid #ccc;}
.hotPro ul li span, .hotPro ul li strong{display:block; height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:normal; margin-top:5px;}
.title01{height:40px; line-height:40px; padding:0 20px; background:url(../images/title_02.jpg) no-repeat;}
.title01 h3{float:left; font-size:20px; color:#fff; font-weight:normal;}
.title01 .more, .title01 p{float:right; font-size:14px; color:#fff;}
.title01 p a{color:#fff;}

.ysBox{margin:20px auto; border-top:3px solid #d12f23; background:#fcfcfc;}
.ysTit{padding:35px 0 17px; margin-bottom:30px; font-size:48px; line-height:60px; color:#333; background:url(../images/ys_title.gif) no-repeat bottom center; text-align:center;}
.ys li{clear:both; overflow:hidden; background:url(../images/ys_line.png) no-repeat bottom center; padding-bottom:50px; margin-bottom:30px;}
.ysTxt{width:480px; padding-top:60px;}
.ysTxt h3{color:#d12f23; font-size:30px; height:75px;}
.ysTxt h3 i{float:left; font-size:72px; line-height:70px; height:72px; padding-right:15px; font-style:normal; font-family:Arial; color:#ee7736; color:#d12f23;}
.ysTxt h3 span{display:block; color:#EEB776; font-size:18px; line-height:20px; margin-bottom:5px; }
.ysTxt h3 strong{display:block; line-height:30px; color:#333;}
.ysTxt p{font-size:14px; padding:0 0 15px 25px; background:url(../images/icon2.gif) no-repeat left 8px;}
.orange{color:#d12f23;}

.caseList{position:relative; width:960px; height:200px; }
#scrollCon{width:890px; height:177px; position:absolute; left:35px; top:20px; overflow:hidden;}
.caseList li{float:left; width:207px; margin-right:20px;}
.caseList li img{width:207px; height:145px; border:1px solid #ccc;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:14px; /* margin-top:10px; */}
.leftBtn{width:15px; height:35px;  position:absolute; right:0px; top:75px; background:url(../images/right01.gif) no-repeat;}
.rightBtn{width:15px; height:35px; position:absolute; left:0px; top:75px; background:url(../images/left01.gif) no-repeat;}

.title03{height:60px; line-height:60px; border-bottom:1px solid #999;}
.title03 h3{float:left; height:58px;  border-bottom:3px solid #d12f23;}
.title03 h3 i{float:left; font-size:42px; line-height:60px; color:#c5271e; margin-right:5px; font-family:"Agency FB";}
.title03 h3 strong{float:left; font-size:18px; line-height:30px; margin-top:10px;}
.title03 h3 strong span{display:block; font-size:12px; color:#666; line-height:12px; font-weight:normal;}

.title03 .more{float:right; font-size:14px;}

.about{width:630px;}
.aboutTxt{padding:20px 0; height:166px; font-size:14px; overflow:hidden;}
.aboutTxt img{width:230px; height:160px; margin-right:15px; float:left;}
.aboutTxt p a{color:#cc0000;}
.indexContact{width:300px;}
.indexContact .contactTxt{padding:10px 0; height:186px; font-size:14px; line-height:30px;}

.news{width:465px;}
.newsList{padding:10px 0;}
.newsList li{height:30px; line-height:30px; background:url(../images/icon03.jpg) no-repeat left center; vertical-align:middle; font-size:14px; border-bottom:1px dotted #ccc;}
.newsList li a{float:left; margin-left:15px; display:inline;}
.newsList li span{float:right;}

.flinkCon{padding:10px 0; color:#666;}
.flinkCon a{margin:0 5px;}

.footer{margin:0 auto; line-height:30px; color:#74a4f2; font-size:14px;}
.footerNav{height:45px; line-height:45px; margin:0 auto; background:url(../images/nav_bg.jpg) repeat-x; text-align:center; font-size:14px;}
.footerNav a{margin:0 20px; font-weight:bold; color:#fff;}
.footerNav a:hover{color:#fff;}
.footerCon{padding-top:30px; text-align:center; color:#333; position: relative;}
.footerConEwm {position: absolute; right: 0; top: 10px; width: 110px; text-align: center;}
.footerConEwm b {display: block; font-size: 18px; line-height: 20px;}
.footerConEwm img {display: block; width: 110px; margin: 5px 0 0;}
.footerConEwm span {display: block; font-size: 14px;}

/*单页*/
.sidebar,
.sideContact{width:203px;}
.sideContact .contactTxt{padding:10px; font-size:14px; border:1px solid #ccc; line-height:30px;}
.main{width:739px; overflow:hidden;}
.mainCon{font-size:14px; line-height:30px; margin-top:15px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.mainContent{padding:20px 10px;}

/*文章列表页*/
.mainNewsList{padding:20px;}
.mainNewsList li{height:32px; line-height:32px; overflow:hidden; background:url(../images/icon05.gif) no-repeat left center; vertical-align:middle; border-bottom:1px dotted #ccc;}
.mainNewsList li a{float:left; margin-left:13px; display:inline;}
.mainNewsList li span{float:right;}

/*产品列表页*/
.mainProList{overflow:hidden; padding-bottom:10px;}
.mainProList li{width:225px; float:left; margin:20px 0 0 15px; display:inline;}
.mainProList li img{display:block; width:223px; height:160px; border:1px solid #ccc;}
.mainProList strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:normal; margin-top:5px;}

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConTit02{text-align:left;}
.mainConAuthor{height:30px; line-height:30px; margin-bottom:20px; text-align:center; border-bottom:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainPic{font-size:14px; margin-bottom:20px;}
.image{width:302px; height:223px; overflow:hidden; margin-right:20px;}
.image img{width:300px; height:220px; border:1px solid #999;}
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:2px solid #d12f23}
.article h3{width:85px; height:30px; background-color:#d12f23; color:#fff; text-align:center;}
.content{font-size:14px;}
.pagination{ line-height:30px; padding:10px 15px;  border-top:1px dashed #ccc;}
.xgwz, .xgcp{border:1px solid #ccc;}
.xgwz h3,
.xgcp h3{height:30px; line-height:30px; font-size:14px; text-indent:10px; /* background:#0449b1; color:#fff; */ border-bottom:1px solid #ccc;}
.xgwz ul{padding:10px 0; overflow:hidden;}
.xgwz ul li{width:46%; height:30px; line-height:30px; float:left; margin-left:3%; display:inline; border-bottom:1px dashed #ccc; background:url(../images/icon05.gif) no-repeat left center; vertical-align:middle; font-size:12px;}
.xgwz ul li a{float:left; margin-left:13px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{width:715px; overflow:hidden; padding-bottom:10px;}
.xgcp ul li{width:211px; float:left; margin:15px 0 0 20px; display:inline;}
.xgcp ul li img{display:block; width:209px; height:140px; border:1px solid #ccc;}
.xgcp ul li strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:normal; margin-top:10px;}


/*分页*/
.page{height:24px; line-height:24px; text-align:center; margin-top:30px;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#ff9900;}
.page li.thisclass{background: #ff9900; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #ff9900; color: #fff;}
.page .pageinfo strong{font-weight:normal;}